* {
    margin: 0;
    padding: 0
}
.box {
    position: absolute;
    top: 200px;
    left: 200px;
    float:left;
    display: none;
}
/*.box0{
    display: none;
}*/
/*四边*/
.box .t,
.box .b,
.box .l,
.box .r {
    position: absolute;
    z-index: 1;
    background:#666;
    opacity:0.0;
}

.mybox{
    position: absolute;
}
.box .l,
.box .r {
    width: 10px;
    height: 100%;
    cursor: col-resize;
}

.box .t,
.box .b {
    width: 100%;
    height: 10px;
    cursor: row-resize;
}

.box .t {
    top: 0;
}

.box .b {
    bottom: 0;
}

.box .l {
    left: 0;
}

.box .r {
    right: 0;
}

/*四角*/
.box .tl,
.box .bl,
.box .br,
.box .tr {
    width: 20px;
    height: 20px;
    position: absolute;
    background: #CCC;
    opacity:0.0;
    z-index: 2;
    cursor: nwse-resize
}

.box .tl,
.box .bl {
    left: -5px;
}

.box .tr,
.box .br {
    right: -5px;
}

.box .br,
.box .bl {
    bottom: -5px;
}

.box .tl,
.box .tr {
    top: -5px;
}

.box .tr,
.box .bl {
    cursor: nesw-resize;
}

/*图片*/
img {
    width: 100%;
    height: 100%;
}
#inimgld{
    display: none;
}

* {
    box-sizing: border-box;
}
.section {
    position:absolute;
    /*margin: 20px auto;*/
    width: 500px;
    height: 150px;
    border: 1px solid #666;
    /*text-align: center;*/
    display: none;
    /*z-index: 9000;*/
    /*top:200px;*/
    /*float:left;*/
}
.preview {
    position:absolute;
    width: 100%;
    /*margin-top: 10px;
    padding: 10px;
    min-height: 100px;
    background-color: #999;*/
}
.preview img,
.preview video {
    /*position:absolute;*/
    width: 100%;
}
.img-remove {
    position: absolute;
    right: -1rem;
    top: -1rem;
    display: block;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #f7333d;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 1.3rem;
    overflow: hidden;
    background-clip: padding-box;
    z-index: 2;
    display: none;
}

.text-remove {
    position: absolute;
    right: -1rem;
    top: -1rem;
    display: block;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #f7333d;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 1.3rem;
    overflow: hidden;
    background-clip: padding-box;
    z-index: 2;
}
#imgsubmit{
    display: none;
}


.mybox h1 {
    margin: 0;
    padding: 3px;
    background: #4cd0f3;
    color: #fff;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 12px;
}
#anotherload{
    display: none;
}
textarea {
    width: 100%;
    outline: 0 none;
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
.outbox{
    position: absolute;
    top: 80px;
    left: 160px;
    right: 50px;
    bottom: 50px;
}
.innerbox{
    font-size: 26px !important;
}
.innerbox {font-weight: bold}
    /** {
        box-sizing: border-box;
    }*/
/*.outbox{
    display: none;
}*/